@charset "utf-8";

/* common */
.fl {display: inline;float: left}
.fr {display: inline;float: right}
.clearfix:after,.list .in::after,.details::after,.probox::after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix,.list .in,.details,.probox {display: inline-block}
.clearfix,.list .in,.details,.probox {display: block}
.clear {clear: both;height: 0;line-height: 0;font-size: 0;overflow: hidden}
.container {width: 1200px;margin: 0 auto; position: relative;}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span33,.span66 {float: left}
.span1 {width: 10%}
.span2 {width: 20%}
.span3 {width: 30%}
.span33{width: 33%}
.span4 {width: 40%}
.span5 {width: 50%}
.span55 {width: 55%}
.span6 {width: 60%}
.span66 {width: 66%}
.span7 {width: 70%}
.span8 {width: 80%}
.span9 {width: 90%}
.span10 {width: 100%}
.main_in {padding-top: 128px;min-width: 1200px;}
/* 字体 */
.txt36 {font-size: 36px;}
.txt30 {font-size: 30px;}
.txt26 {font-size: 26px;}
.txt24 {font-size: 24px;}
.txt18,.title,.tit-bar {font-size: 18px;}
.txt16 {font-size: 16px;}
.txt14 {font-size: 14px;}
.text-indent { text-indent: 24px;}
.center {text-align: center;}
/* 颜色 */
.green { color:#049f53;}
.blue { color:#43adff;}
.b509 {color: #5092ff;}
.yellow {color: #ffbe40;}
.purple {color: #ae77df;}
.aems .title_line .title_line_con span ,
.white {color: #FFF;}
.gray {color: #888;}
.red,.price {color: #f74242;}
/* 背景色 */
.bggray{background: #f5f5f5;}
.bgblue{background: #f3fbfc;}
.bgDepBlue{background: #1d3042;}
.bgwhite,.functionBox ul.Li3 {background-color: #FFF;}
/* btn */
[class*="btn-"],
[class*="btnLine"] {float:left;font-size: 16px;text-align: center;position: relative;border: none;pointer-events: auto;min-width: 134px;max-height: 40px;line-height: 40px;border:1px solid #33CFB4;color: #33CFB4;outline: none;box-shadow: none;cursor: pointer;}
.btn-green {background-color: #33cfb4;border-color: #33cfb4; color: #FFF;}
.btn-blue {background-color: #1292e3;border-color: #1292e3; color: #FFF;}
.btn-red {background-color: #f74242;border-color: #f74242; color: #FFF;}
/* .btnLine-green {background-color: #FFF;color: #F} */
/* 圆角按钮 button-border-radius*/
[class*="b-r-"] {font-size: 16px;min-width: 105px;line-height: 34px;color: #FFF;text-align: center;border-radius: 25px;padding: 8px 15px;}
.b-r-red { background-color: #f74242;}
.b-r-green { background-color: #33cfb4;}

.circle {width: 66px;height: 66px; border-radius: 50px; background-color: #FFF;overflow: hidden;}
/* padding */
/* 上 */
.pt15 {padding-top: 15px;}
.pt30 {padding-top: 30px;}
/* 右 */
.pr15{padding-right: 15px;}
.pr30{padding-right: 30px;}
.pr55{padding-right: 55px;}
/* 下 */
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb90{padding-bottom: 90px;}
/* 左 */
.pl40 {padding-left: 40px;}
/* 横向 */
.px15 {padding-left: 15px;padding-right: 15px;}
.px30 {padding-left: 30px;padding-right: 30px;}
.px33 {padding-left: 33px;padding-right: 33px;}
.px35 {padding-left: 35px;padding-right: 35px;}
.px50 {padding-left: 50px;padding-right: 50px;}
.px55 {padding-left: 55px;padding-right: 55px;}
.px60 {padding-left: 60px;padding-right: 60px;}
.px65 {padding-left: 65px;padding-right: 65px;}
.px75 {padding-left: 75px;padding-right: 75px;}
/* 垂直 */
.py05 {padding-top: 5px;padding-bottom: 5px;}
.py08 {padding-top: 8px;padding-bottom: 8px;}
.py10 {padding-top: 10px;padding-bottom: 10px;}
.py20 {padding-top: 20px;padding-bottom: 20px;}
.py23 {padding-top: 23px;padding-bottom: 23px;}
.py30 {padding-top: 30px;padding-bottom: 30px;}
.py35 {padding-top: 35px;padding-bottom: 35px;}
.py40 {padding-top: 40px;padding-bottom: 40px;}
.py55{padding-top:55px;padding-bottom: 55px;}
.py60{padding-top:60px;padding-bottom: 60px;}
.py70{padding-top:70px;padding-bottom: 70px;}
.py75{padding-top:75px;padding-bottom: 75px;}
.py90{padding-top:90px;padding-bottom: 90px;}
/* padding all */
.p20 {padding:20px;}
.p30 {padding:30px;}
.p35 {padding:35px;}

/* marign */
/* 上 */
.mt70{margin-top: 70px;}
.mt20{margin-top: 20px;}
.mt90{margin-top: 90px;}
/* 下 */
.mb70 { margin-bottom: 70px;}
.mb90{margin-bottom: 90px;}
/* 右 */
.mr40{margin-right: 40px;}
.mr90{margin-right: 90px;}
/* common_ul */
ul {display: block;padding:0;margin: 0;}
li{list-style: none;padding: 0;margin: 0;}
/* 3LI */
ul.Li3,.tech ul,ul.reasonList,.provide ul{display: inline-block;*display:inline;zoom:1;_height:250px;padding:0;margin: 0;width: 100%;text-align: center;font-size: 0;}
ul.Li3 li,.tech li,.reasonList li,.provide li {display: inline-block;*display:inline;zoom:1;_height:250px;width: 30%;vertical-align: top;}
/* more */
.more{position: absolute;right: 0;top: 3%;}
.more a,.more a [class*="i_"]{color: #FFF; font-size: 12px;}
.more a [class*="i_"] {padding-left: 5px;}
/* tab 切换 滑动 */
.tab_con{ display:none;}  

/* 背景色 */
.sharebg {background-color: rgba(0, 0, 0, 0.45);height: 100%;position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;display: none;margin: 0 auto;}
.sharebg-active {opacity: 1;display: block;z-index:98;}
/* 弹出层 */
.zfbmodal,
.msnmodal {display: none;border: solid 1px rgb( 227, 227, 227 );background-color: rgb( 255, 255, 255 );position: fixed;left: 0;top: 20%;right: 0;width: 66%;text-align: center;z-index: 99;}  
.m-tit {text-align: left;padding: 15px 20px;font-size: 20px;border-bottom: 1px #e6e6e6 solid;background-color: #f6f6f6;}
.m-contant{display: block;float: left;width: 100%;height: auto;}